/**
 * @Description: 图片懒加载插件
 * @Author: xu
 * @Date: 2017.10.27
 * @使用方法：
 *  <img class="lazy" src="/img/placeholder.gif" data=""/>
 *  `src`: 加载占位图
 *  `data`: 图片实际路径
 *  调用：$('img.lazy').lazyLoad()
 */

;(function ($) {
    $.fn.lazyLoad = function () {
        var $this = $(this),
            _windowScrollTop = 0,
            _windowHeight = $(window).height()

        $(window).on('scroll', function() {
            _windowScrollTop = $(window).scrollTop()
            lazyLoad()
        })

        lazyLoad()

        function lazyLoad () {
            $.each($this, function (index, item) {
                var $img = $(item)
                if ($img.attr('data')) {
                    var offsetTop = $img.offset().top
                    if (offsetTop + 100 <= _windowHeight + _windowScrollTop) {
                        $img.attr('src', $img.attr('data'))
                        $img.removeAttr('data')
                    }
                }
            })
        }
    }
})(Zepto)
